<template>
	<div>
		<router-link v-for="(item,index) in head" :key=index :to="item.Link" :class="toggleNav==0?'active':''" @click.native="toggle(index)">{{item.title}} /</router-link>
	</div>
</template>
<script>
	export default {
		data() {
			return {
				toggleNav: 0
			}
		},
		props: {
			head: {
				require: Array,
				type: true
			}
		},
		methods: {
			toggle(val) {
				this.toggleNav = val;
			}
		}
	}
</script>

<style scoped="scoped">
	.active {
		font-weight: bolder;
	}
	
	a {
		text-decoration: none;
	}
</style>